<template>
 <!-- 头部部分 -->
    <header class="header">
      <h1>todos</h1>
      <input class="new-todo" placeholder="请输入任务名称" autofocus v-model.trim="todoName" @keyup.enter="addList"/>
    </header>

</template>
 
<script>
export default {
  data() {
    return {
      todoName:''
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    addList(){
      !this.todoName ?  alert('内容不能为空'):this.$emit("addList",this.todoName)
      this.todoName=''
    }
  }
};
</script>

<style scoped>
     
</style>